<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns:jsp="http://java.sun.com/JSP/Page"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ci="http://java.sun.com/jsp/jstl/core"
	xmlns:c="http://sourceforge.net/projects/jsf-comp"
	xmlns:fn="http://java.sun.com/jsp/jstl/functions"
	xmlns:t="http://myfaces.apache.org/tomahawk"
	xmlns:p="http://primefaces.org/ui">

	<ui:composition template="/template/pPrincipal.xhtml">
		<ui:define name="head">
			<title>Asesor 360</title>
			<script type="text/javascript">//<![CDATA[  
				function handleConsUsuarioNuevoGuardar(xhr, status, args) {
					if(args.isConsUsuarioSaveOk) {
						poppanelNuevoUsuario.hide();
			        }
			    }
				
				function handleConsUsuarioEditGuardar(xhr, status, args) {
					if(args.isConsUsuarioSaveOk) {
						poppanelEditarUsuario.hide();
			        }
			    }
			//]]></script>
		</ui:define>
		<ui:define name="titulopagina">
			<h:outputText value="CONSULTA DE USUARIOS" />
		</ui:define>		
		<ui:define name="agregaIconoExcelRe">
		</ui:define>		  
		<ui:define name="agregaIconoEmail">
		</ui:define>
		<ui:define name="agregaIconoPDFRe">
		</ui:define>
		<ui:define name="agregaIconoEjecutivos">
		</ui:define>
		<ui:define name="bodyarea">
			<f:event type="preRenderView" listener="#{consultaUsuariosController.onPageLoad}"/>
			<input type="hidden" id="nomReporte" name="nomReporte" value="consultaUsuarios" />
			<p:messages id="messages" showDetail="true" closable="true" />
			<h:panelGrid columns="1" width="100%" styleClass="bordePanel"
				headerClass="cabeceraPanelSimple" cellspacing="0" cellpadding="5"
				style="margin-left: 0px; margin-top: 3px; margin-bottom:5px">
				<f:facet name="header">
					<h:outputText value="Criterios de Búsqueda" />
				</f:facet>
				<h:panelGrid columns="6" id="pgCriterios">
					<h:outputText value="Tipo Usuario:" styleClass="texto" />
					<p:selectOneMenu id="cmbTipoUsuario" value="#{consultaUsuariosController.usuario.idTipoUsuario}">
						<f:selectItems value="#{comboModel.listaTiposUsu}" />
					</p:selectOneMenu>
					<h:outputText value="" />
					<h:outputText value="" />
					<h:outputText value="" />
					<h:outputText value="" />
					<h:outputText value="Asesor de Inversiones:" styleClass="texto" />
					<h:inputText styleClass="inputTextContent" value="#{consultaUsuariosController.usuario.nombreEjec}"
						maxlength="30" id="txtNombre" size="25"/>
					<h:outputText value="A Cargo de:" styleClass="texto" />
					<h:inputText styleClass="inputTextContent" value="#{consultaUsuariosController.usuario.nombreEjecACargo}"
						maxlength="30" id="txtNombreACargo" size="25"/>
					<h:outputText value="" />
					<p:commandButton icon="ui-icon-search" actionListener="#{consultaUsuariosController.buscarUsuarios}"
						value="Buscar" update=":formPrincipal:tablaUsuarios"/>
				</h:panelGrid>
			</h:panelGrid>
			<h:panelGrid columns="1" width="100%" styleClass="bordePanel"
				headerClass="cabeceraPanelSimple" cellspacing="0" cellpadding="5"
				style="margin-left: 0px; margin-top: 3px; margin-bottom:5px">
				<f:facet name="header">
					<h:outputText value="Resultados" />
				</f:facet>
				<h:panelGrid id="pgResultados">
					<p:dataTable id="tablaUsuarios" value="#{consultaUsuariosController.listaUsuarios}"
						var="fila" styleClass="styleDataTableWrapNormal" emptyMessage="No existe información."
						paginator="true" rows="10" rowIndexVar="rowIndex"
						rowStyleClass="#{(rowIndex mod 2) eq 0 ? 'styleDataTableRowColorClaro' : 'styleDataTableRowColorOscuro'}">
						<p:column width="80" sortBy="#{fila.desTipoDocumento}">
							<f:facet name="header">
								<h:outputText value="Tipo Doc."/>
							</f:facet>
							<h:outputText value="#{fila.desTipoDocumento}" />
						</p:column>
						<p:column width="80" sortBy="#{fila.nroDocumento}">
							<f:facet name="header">
								<h:outputText value="Nro. Doc."/>
							</f:facet>
							<h:outputText value="#{fila.nroDocumento}" />
						</p:column>
						<p:column width="80" sortBy="#{fila.codRegistro}">
							<f:facet name="header">
								<h:outputText value="Código Registro"/>
							</f:facet>
							<h:outputText value="#{fila.codRegistro}" />
						</p:column>
						<p:column width="80" sortBy="#{fila.codAltamira}">
							<f:facet name="header">
								<h:outputText value="Código Altamira"/>
							</f:facet>
							<h:outputText value="#{fila.codAltamira}" />
						</p:column>
						<p:column width="300" sortBy="#{fila.nombreCompuesto}">
							<f:facet name="header">
								<h:outputText value="Apellidos y Nombres"/>
							</f:facet>
							<h:outputText value="#{fila.nombreCompuesto}" />
						</p:column>
						<p:column width="100" sortBy="#{fila.correo}">
							<f:facet name="header">
								<h:outputText value="Email"/>
							</f:facet>
							<h:outputText value="#{fila.correo}" />
						</p:column>
						<p:column width="100" sortBy="#{fila.telefono}">
							<f:facet name="header">
								<h:outputText value="Teléfono"/>
							</f:facet>
							<h:outputText value="#{fila.telefono}" />
						</p:column>
						<p:column width="40" sortBy="#{fila.nroClientes}">
							<f:facet name="header">
								<h:outputText value="Nro. Clientes"/>
							</f:facet>
							<h:outputText value="#{fila.nroClientes}" />
						</p:column>
						<p:column width="10">
							<f:facet name="header">
								<h:outputText value=""/>
							</f:facet>
							<p:commandButton id="btnEditarUsuario" oncomplete="poppanelEditarUsuario.show()" icon="ui-icon-pencil"
								actionListener="#{consultaUsuariosController.initEditarUsuario(fila)}" update=":idpanelEditarUsuario"/>
							<p:tooltip for="btnEditarUsuario" value="Editar Usuario" />
						</p:column>
						<p:column width="10">
							<f:facet name="header">
								<h:outputText value=""/>
							</f:facet>
							<p:commandLink id="btnEliminarUsuario1" actionListener="#{consultaUsuariosController.eliminarUsuario(fila)}"
								update=":formPrincipal:tablaUsuarios,:formPrincipal:messages" rendered="#{fila.indActivo eq 'S'}"> 
								<h:graphicImage value="/imagenes/iconos/refresh_16x16.gif" style="border:0px;" />
								<p:tooltip for="btnEliminarUsuario1" value="Actualizar Estado" />
							</p:commandLink>
							<p:commandLink id="btnEliminarUsuario2" actionListener="#{consultaUsuariosController.eliminarUsuario(fila)}"
								update=":formPrincipal:tablaUsuarios,:formPrincipal:messages" rendered="#{fila.indActivo eq 'N'}"> 
								<h:graphicImage value="/imagenes/iconos/refresh_16x16_red.gif" style="border:0px;" />
								<p:tooltip for="btnEliminarUsuario2" value="Actualizar Estado" />
							</p:commandLink>
						</p:column>
					</p:dataTable>
					<p:spacer height="10" />
					<p:commandButton actionListener="#{consultaUsuariosController.initNuevoUsuario}" icon="ui-icon-document"
						value="Nuevo" update=":idpanelNuevoUsuario" oncomplete="poppanelNuevoUsuario.show()"/>
				</h:panelGrid>
			</h:panelGrid>
		</ui:define>
		
		<ui:define name="extraarea">
			<p:dialog id="idpanelNuevoUsuario" header="Nuevo Usuario"
				widgetVar="poppanelNuevoUsuario" modal="true" dynamic="true" width="600">
				<h:form id="formModalNuevoUsuario">
					<p:messages id="messages" showDetail="true" closable="true" />
					<h:panelGrid id="idContentMainM">
						<h:panelGrid columns="2" id="pgNuevoUsuario">
							<h:outputText value="Tipo Usuario:" styleClass="texto"/>
							<p:selectManyCheckbox value="#{consultaUsuariosController.idsTipoUsuarioEjec}" id="smcbTipoUsuario">
								<p:ajax listener="#{consultaUsuariosController.listarSupervisoresModal}"/> 
					            <f:selectItems value="#{comboModel.listaTiposUsuNuevo}"/>
					        </p:selectManyCheckbox>
							<h:outputText value="Supervisor:" styleClass="texto"/>
							<p:selectOneMenu id="cmbTipoSupervis" value="#{consultaUsuariosController.usuarioAsesorModal.idTipoSupervisor}">
								<f:selectItems value="#{consultaUsuariosController.listaTiposSupervisor}" />
							</p:selectOneMenu>
							<h:outputText value="Registro:" styleClass="texto" />
							<h:panelGrid columns="2">
								<h:inputText value="#{consultaUsuariosController.usuarioAsesorModal.codRegistro}"
									styleClass="inputText" size="25" maxlength="7" />
								<p:commandButton icon="ui-icon-search" value="Buscar" actionListener="#{consultaUsuariosController.buscarUsuarioModal}" 
									update=":formModalNuevoUsuario:messages,:formModalNuevoUsuario:cmp1,:formModalNuevoUsuario:cmp2,:formModalNuevoUsuario:cmp3,
									:formModalNuevoUsuario:cmp4,:formModalNuevoUsuario:cmp5,:formModalNuevoUsuario:cmp6" 
									id="btnBuscarUsuario"/>
								<p:tooltip for="btnBuscarUsuario" value="Buscar Usuario" />
							</h:panelGrid>
							<h:outputText value="Apellidos y Nombres:" styleClass="texto" />
							<h:outputText id="cmp1" value="#{consultaUsuariosController.usuarioAsesorModal.nombreCompuesto}" disabled="true" />
							<h:outputText value="Código Oficina:" styleClass="texto" />
							<h:outputText id="cmp2" value="#{consultaUsuariosController.usuarioAsesorModal.codOficina}" disabled="true" />
							<h:outputText value="Doc. Identidad:" styleClass="texto"/>
							<h:outputText id="cmp3" value="#{consultaUsuariosController.usuarioAsesorModal.nroDocumento}" disabled="true" />
							<h:outputText value="Email:" styleClass="texto" />
							<h:inputText id="cmp4" value="#{consultaUsuariosController.usuarioAsesorModal.correo}"
								styleClass="inputText" size="50" maxlength="60"/>
							<h:outputText value="Teléfono:" styleClass="texto" />
							<h:inputText id="cmp5" value="#{consultaUsuariosController.usuarioAsesorModal.telefono}"
								styleClass="inputText" size="50" maxlength="60" />
						    <h:outputText value="Código Altamira:" styleClass="texto" />
							<h:inputText id="cmp6" value="#{consultaUsuariosController.usuarioAsesorModal.codAltamira}"
								styleClass="inputText" size="8" maxlength="6" />
							<h:outputText value="Email CC:" styleClass="texto" />
							<h:inputText id="cmp41" value="#{consultaUsuariosController.usuarioAsesorModal.emailcc}"
								styleClass="inputText" size="50" maxlength="100"/>
						</h:panelGrid>
						<p:spacer height="10" />
						<h:panelGrid width="100%" columns="5">
							<p:spacer width="100" height="10" />
							<p:commandButton icon="ui-icon-disk" value="Guardar" oncomplete="handleConsUsuarioNuevoGuardar(xhr, status, args)"
								actionListener="#{consultaUsuariosController.guardarModal}" id="btnGuardar"/>
							<p:spacer width="100" height="10" />
							<p:commandButton icon="ui-icon-cancel" value="Cancelar" oncomplete="poppanelNuevoUsuario.hide()"/>
							<p:spacer width="100" height="10" />
						</h:panelGrid>
					</h:panelGrid>
					<p:blockUI block=":formModalNuevoUsuario:idContentMainM" trigger=":formModalNuevoUsuario:btnGuardar">
						<h:panelGrid columns="2">
							<p:graphicImage value="/imagenes/iconos/ajax-loader1.gif" style="margin-right: 12px; vertical-align: middle;"/>
							<h:outputText value="Guardando..." style="white-space: nowrap;" />
						</h:panelGrid>
					</p:blockUI>
				</h:form>
			</p:dialog>
			
			<p:dialog id="idpanelEditarUsuario" header="Editar Usuario"
				widgetVar="poppanelEditarUsuario" modal="true" dynamic="true" width="600">
				<h:form id="formModalEditarUsuario">
					<p:messages id="messages" showDetail="true" closable="true" />
					<h:panelGrid id="idContentMainM">
						<t:fieldset legend="Última modificación">
							<h:panelGrid columns="8">
								<h:outputText value="Usuario:" styleClass="texto" />
								<h:outputText value="#{consultaUsuariosController.registroModal}" />
								<p:spacer width="50" height="10" />
								<h:outputText value="Fecha:" styleClass="texto" />
								<h:outputText value="#{consultaUsuariosController.fechaModal}" />
								<p:spacer width="50" height="10" />
								<h:outputText value="Terminal:" styleClass="texto" />
								<h:outputText value="#{consultaUsuariosController.terminalModal}" />
							</h:panelGrid>
						</t:fieldset>
						<h:panelGrid columns="2" id="pgEditarUsuario">
							<h:outputText value="Tipo Usuario:" styleClass="texto"/>
								<p:selectManyCheckbox value="#{consultaUsuariosController.idsTipoUsuarioEjec}" id="smcbTipoUsuario"> 
					            <f:selectItems value="#{comboModel.listaTiposUsuNuevo}"/>
					            <p:ajax listener="#{consultaUsuariosController.listarSupervisoresModal}"/>
				        	</p:selectManyCheckbox>
							<h:outputText value="Supervisor:" styleClass="texto" />
							<p:selectOneMenu id="cmbTipoSupervis" value="#{consultaUsuariosController.usuarioAsesorModal.idTipoSupervisor}">
								<f:selectItems value="#{consultaUsuariosController.listaTiposSupervisor}" />
							</p:selectOneMenu>
							<h:outputText value="Apellidos y Nombres:" styleClass="texto" />
							<h:outputText value="#{consultaUsuariosController.usuarioAsesorModal.nombreCompuesto}" disabled="true" />
							<h:outputText value="Código Oficina:" styleClass="texto" />
							<h:outputText value="#{consultaUsuariosController.usuarioAsesorModal.codOficina}" disabled="true" />
							<h:outputText value="Doc. Identidad:" styleClass="texto" />
							<h:outputText value="#{consultaUsuariosController.usuarioAsesorModal.nroDocumento}" disabled="true" />
							<h:outputText value="Email:" styleClass="texto" />
							<h:inputText value="#{consultaUsuariosController.usuarioAsesorModal.correo}"
								styleClass="inputText" size="50" maxlength="60"/>
							<h:outputText value="Teléfono:" styleClass="texto" maxlength="10" />
							<h:inputText value="#{consultaUsuariosController.usuarioAsesorModal.telefono}"
								styleClass="inputText" size="50" maxlength="60" />
						    <h:outputText value="Código Altamira:" styleClass="texto" />
							<h:inputText value="#{consultaUsuariosController.usuarioAsesorModal.codAltamira}"
								styleClass="inputText" size="8" maxlength="6" />
						    <h:outputText value="Email CC:" styleClass="texto" />
							<h:inputText value="#{consultaUsuariosController.usuarioAsesorModal.emailcc}"
								styleClass="inputText" size="50" maxlength="100"/>
						</h:panelGrid>
						<p:spacer height="10" />
						<h:panelGrid width="100%" columns="5">
							<p:spacer width="100" height="10" />
							<p:commandButton icon="ui-icon-disk" value="Guardar" oncomplete="handleConsUsuarioEditGuardar(xhr, status, args)"
								actionListener="#{consultaUsuariosController.guardarModal}" id="btnGuardar"/>
								<p:spacer width="100" height="10" />
							<p:commandButton icon="ui-icon-cancel" value="Cancelar"	oncomplete="poppanelEditarUsuario.hide()"/>
							<p:spacer width="100" height="10" />
						</h:panelGrid>
					</h:panelGrid>
					<p:blockUI block=":formModalEditarUsuario:idContentMainM" trigger=":formModalEditarUsuario:btnGuardar">
						<h:panelGrid columns="2">
							<p:graphicImage value="/imagenes/iconos/ajax-loader1.gif" style="margin-right: 12px; vertical-align: middle;"/>
							<h:outputText value="Guardando..." style="white-space: nowrap;" />
						</h:panelGrid>
					</p:blockUI>
				</h:form>
			</p:dialog>
		</ui:define>
	</ui:composition>
</html>
